//主题颜色
$color1:#007EFF;


//文本不超过元素长度，超出部分变成 ...
.shortTxt {
    text-overflow:ellipsis;  /*文本裁切 显示省略号*/
    white-space: nowrap;  /*强制文本不换行*/
    overflow: hidden;  /*溢出文本隐藏*/
}

// 多行文本，超过多少行就变成 ...
.shortTxtRows {
    display:-webkit-box;/*对象作为伸缩盒子模型展示*/
    -webkit-box-orient:vertical;/*设置或检索伸缩盒子对象的子元素的排列方式*/
    -webkit-line-clamp:3;/*显示的行数*/
    overflow:hidden;/*隐藏超出的*/
}

// 超出部分变成横向滚动，注意：子元素不可以用浮动，要用弹性或行内块
// 此选择器是父选择器
.inALine {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    // 隐藏横向滚动条
    &::-webkit-scrollbar {
        display: none;
    }
}